{% extends "layout.html" %}

{% block head %}
<link rel="stylesheet" href="{{base_url}}/static/vendor/@layui/layui-vue@2.19.0/lib/index.css" />
<script src="{{base_url}}/static/vendor/@layui/layui-vue@2.19.0/umd/index.js"></script>
{% endblock %}

{% block main %}
<div class="d-flex mt-3">
    <span>当前位置：</span>
    <nav aria-label="breadcrumb">
        {{breadcrumb}}
    </nav>
</div>
<div class="m-2">
    <h1 class="fs-4 fw-bold">{{data.title}}</h1>
    <div class="text-secondary fs-8 my-3">
        <span>{{data.created_at}}</span>
        <span class="ms-2">分类：</span>
        {% for item in data.categoryLinks %}
        <a class="link-secondary" href="{{item.url}}" target="_blank">{{item.text}}</a>
        {% endfor %}
    </div>
    <div class="content">{{data.htmlContent}}</div>
    <div class="text-secondary fs-8">
        <span>标签：</span>
        <span class="tag-info">
            {% for item in data.tagLinks %}
            <a class="link-secondary me-2" href="{{item.url}}" target="_blank">{{item.text}}</a>
            {% endfor %}
        </span>
    </div>
</div>
{% endblock %}